<template>
  <div class="prize_con">
    <PrizeFirst v-if="prizeType == '1'"><BtnShare /></PrizeFirst>
    <PrizeSecond v-else-if="prizeType == '2'"><BtnShare /></PrizeSecond>
    <PrizeThird v-else-if="prizeType == '3'"><BtnShare /></PrizeThird>
    <template v-if="memberDetail.wayType === '2'"></template>
  </div>
</template>

<script>
import PrizeFirst from "./prizeFirst";
import PrizeSecond from "./prizeSecond";
import PrizeThird from "./prizeThird";
import BtnShare from "./btnShare";
export default {
  components: {
    PrizeSecond,
    PrizeFirst,
    PrizeThird,
    BtnShare
  },
  computed: {
    memberDetail() {
      return this.$store.state.mainPage.memberDetail;
    },
    prizeType() {
      return this.$store.getters.prizeType;
    }
  }
};
</script>

<style lang="scss" scoped>
.prize_con {
  background: #ffffff;
  border-radius: 30px;
  padding: 51px 33px 68px 39px;
}
</style>
